<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>带高级查询的数据列表</title>
    <link rel="stylesheet" type="text/css" href="../../themes/bootstrap/cetc54.ui.all.css">
    <link rel="stylesheet" type="text/css" href="../demoCss.css">
</head>
<body>
<div id="grid">
    <div class="grid_toolbar">
        <table style="width:100%;">
            <tr>
                <td>
                    <button type="button" id="btn1" ui-config="icons:{left:'icon_add'},style:'button_submit'">新建
                    </button>
                    <button type="button" id="btn2"
                            ui-config="icons:{left:'icon_delete'},style:'button_danger'">删除
                    </button>
                    <span class="sep"></span>
                    <button type="button" id="btn4" ui-config="icons:{left:'icon_export'},style:'button_submit'">导出
                    </button>
                    <span class="sep"></span>
                    <button type="button" id="btn3" ui-config="style:'button'">使用帮助
                    </button>
                </td>
                <td style="width: 157px;">
                    <input id="searchbox" type="text">
                </td>
                <!--增加高级查询入口-->
                <td style="width: 90px">
                    <button type="button" id="btnSearch" ui-config="style:'button_submit'">高级查询
                    </button>
                </td>
                <!--增加高级查询入口-->
            </tr>
        </table>
    </div>
    <table class="grid_data">
        <thead>
        <tr>
            <td style="width: 20px;"><input class="grid_selector" type="checkbox" id="cbAll"/></td>
            <td style="width: 34px;">操作</td>
            <td>序号</td>
            <td sortField="usercode" title="点击排序">用户名</td>
            <td>姓名</td>
            <td>密码</td>
            <td>邮箱</td>
            <td>性别</td>
            <td>生日</td>
            <td>移动电话</td>
            <td>联系电话</td>
            <td>住址</td>
            <td>照片</td>
            <td>状态</td>
            <td>备注</td>
        </tr>
        </thead>
        <tbody>
        <tr class="row{{i%2}}">
            <td><input class="grid_selector" type="checkbox" id="cb{{i}}"/></td>
            <td>
                <a class="icon icon_rowedit" title="编辑" href="javascript:void(0);"
                   onclick="editRow('{{value.id}}');"></a><a
                    class="icon icon_rowdelete" title="删除" href="javascript:void(0);"
                    onclick="deleteRow('{{value.id}}');"></a></td>
            <td>{{i+1}}</td>
            <td><a title="查看" href="javascript:void(0);"
                   onclick="viewRow('{{value.id}}','{{value.usercode}}','../user/');">{{value.usercode}}</a></td>
            <td>{{value.username}}</td>
            <td>{{value.pwd}}</td>
            <td>{{value.email}}</td>
            <td>{{value.sex}}</td>
            <td>{{value.birth}}</td>
            <td>{{value.mobile}}</td>
            <td>{{value.phone}}</td>
            <td>{{value.addr}}</td>
            <td>{{value.photo_url}}</td>
            <td>{{value.status}}</td>
            <td>{{value.remark}}</td>
        </tr>
        </tbody>
    </table>
    <div class="grid_pagination"></div>
</div>
<div id="dialog">
</div>
<!--开发时需删除Start-->
<div class="ui_dialog" id="dialog_help">
</div>
<!--开发时需删除End-->
</body>

<script type="text/javascript" src="../../lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../../lib/template.js"></script>
<script type="text/javascript" src="../../lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="../../release/cetc54.ui.all.js"></script>
<script type="text/javascript" src="../Scripts/globalConfig.js"></script>
<script type="text/javascript" src="../Scripts/alist.js"></script>
</html>